<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
          name="viewport">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>查看物流</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/page.css">
    <script src="../js/jquery-3.2.1.min.js"></script>
    <script src="../js/media.js"></script>
    <script src="../js/common.js"></script>
    <style>
		#wllist li{
			border-bottom: 0.01rem solid #DCDCDC;
		}
    </style>
</head>

<body>
<script>
    $(function (){
        var oid = getQueryString('oid');
        var img = getQueryString('img').split(",")[0];
        $("#imgs").attr("src",img);
        $.ajax({
            url:base_url+"ZITAOHUI/query/wuliu",
            type:"post",
            data:{
                orderId:oid
            },
            success:function (data){
                var _d = data.result;
                $("#num").text(_d.number);
                $("#kdtype").text(_d.type);
                if(_d.list.length == 0){
                    $("#wllist").text("暂未查到物流消息");
                }else{
                    var _len = _d.list.length;
                    console.log(_d.list);

                    for(var i = 0;i < _len;i++){
                        console.log(_d.list[i].status);
                        $("#wllist").append('<li><p>'+_d.list[i].status+'</p><p style="text-align: right;">'+_d.list[i].time+'</p></li>')
                    }
                }
            },
            error:function (error){

            }
        })
    });
</script>
    <!--头部-->
    <div class="public-header flex">
        <!--<span class="public-header-left-search"></span>-->
        <span class="public-header-left-back"></span>
        <span class="public-header-center">查看物流</span>
        <span class="public-header-right"></span>
    </div>

    <!--正文-->
    <div class="View-Logistics bc-gray">
        <div class="top clearfix">
            <img src="../img/今日产品 图片@2x.png" alt="" id="imgs">
            <div class="word">
                <!--<p>物流状态<span></span></p>-->
                <p>承运来源<em id="kdtype"></em></p>
                <p>运单编号<em id="num"></em></p>
                <!--<p>官方电话<em></em></p>-->
            </div>

        </div>
   <!--     <div class="bottom flex">
            <div class="left">
                <img src="../img/头像 @3x.png" alt="">
            </div>
            <div class="left-1">
                <p>派送员</p>
                <p>派送员</p>
            </div>
            <div class="right-1">
                <img src="../img/电话@2x.png" alt="">
            </div>
            <div class="right"></div>
        </div>-->
        <p class="title flex">
            <span click='javascript:window.location.href="../page/Return-schedule.html"'>物流信息</span>
            <em></em>
        </p>
        <div class="list">
            <ul id="wllist">
               
            </ul>
        </div>
    </div>
</body>

</html>